.main-container {
    height: 100%;
}

.content {
    height: calc(100% - var(--title-height));
    display: flex;
}

.size-item {
    width: 240rpx;
    height: 140rpx;
    text-align: center;
    border: 2rpx solid var(--ui-BG-Main);
    flex-direction: column;

    .detail {
        color: var(--ui-TC-Main-4);
    }
}

.selected-size-item {
    color: #FAFAFA;
    background-color: var(--ui-BG-Main);

    .detail {
        color: #FAFAFA;
    }
}